<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Task 4</title>
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
    <link rel="stylesheet" href="style.css" />
</head>
<body>
	<div>
		<nav>
			<div class="home">
				<img src="home-icon.png"/>
				<a href="#">HOME</a>
			</div>
			<ul>
				<li>CSS Basic</li>
				<li><a href="#">CSS Introduction</a></li>
				<li><a href="#">CSS Syntax</a></li>
				<li><a href="#">CSS How To</a></li>
				<li><a href="#">CSS Background</a></li>
				<li><a href="#">CSS Text</a></li>
				<li><a href="#">CSS Font</a></li>
				<li><a href="#">CSS Border</a></li>
				<li><a href="#">CSS Outline</a></li>
				<li><a href="#">CSS Margin</a></li>
				<li><a href="#">CSS Padding</a></li>
				<li><a href="#">CSS List</a></li>
				<li><a href="#">CSS Table</a></li>
			</ul>
			<ul>
				<li>CSS Advanced</li>
				<li><a href="#">CSS Dimension</a></li>
				<li><a href="#">CSS Classification</a></li>
				<li><a href="#">CSS Positioning</a></li>
				<li><a href="#">CSS Pseudo-class</a></li>
				<li><a href="#">CSS Pseudo-element</a></li>
				<li><a href="#">CSS Image Gallery</a></li>
				<li><a href="#">CSS Image Opacity</a></li>
				<li><a href="#">CSS Media Types</a></li>
				<li><a href="#">CSS Don't</a></li>
				<li><a href="#">CSS Summary</a></li>
			</ul>
			<ul>
				<li>CSS Examples</li>
				<li><a href="#">CSS Examples</a></li>
			</ul>
			<ul>
				<li>References</li>
				<li><a href="#">CSS2 Reference</a></li>
				<li><a href="#">CSS2 Print</a></li>
				<li><a href="#">CSS2 Aural</a></li>
				<li><a href="#">CSS Units</a></li>
				<li><a href="#">CSS Colors</a></li>
				<li><a href="#">CSS Colorvalues</a></li>
				<li><a href="#">CSS Colornames</a></li>
			</ul>
			<ul>
				<li>CSS Quiz</li>
				<li><a href="#">CSS Quiz</a></li>
				<li><a href="#">CSS Exam</a></li>
			</ul>
		</nav>
		<div>
			<header>
				<h1>CSS Tutorial</h1>
				<nav>
					<button type="button"><a href="#">Previous</a></button>
					<button type="button"><a href="#">Next</a></button>
				</nav>
			</header>
			<section>
				<article>
					<h2>CSS Tutorial</h2>
					<img src="css_icon.png" alt="CSS"/>
					<p>Save a lot of work with CSS!<br/>In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.</p>
					<a href="#">Start learning CSS!</a>
				</article>
				<article>
					<h2>CSS Examples</h2>
					<p>Learn from over 150 examples! With our editor, you can edit the CSS, and click on a button to view the result.</p>
					<a href="#">Try-It-Yourself!</a>
				</article>
				<article>
					<h2>CSS Reference</h2>
					<p>At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.</p>
					<a href="#">CSS2 Reference</a>
				</article>
				<article>
					<h2>CSS Quiz Test</h2>
					<p>Test your CSS skills at W3Schools!</p>
					<a href="#">Start CSS Quiz!</a>
				</article>
			</section>
			<footer>
				<nav>
					<button type="button"><a href="#">Previous</a></button>
					<button type="button"><a href="#">Next</a></button>
				</nav>
			</footer>
		</div>
		<aside>
			<div>
				<h3>SITE SEARCH</h3>
				<div>
					<form>
						<input type="text"/>
						<input type="submit" value="..."/>
					</form>
					<a href="#">About W3Schools</a>
					<a href="#">W3Schools Forum</a>
				</div>
			</div>
			<div>
				<div>
					<p>25+ Styles!</p>
					<a href="#">Dynamic button image generation</a>
				</div>
			</div>
			<div>
				<h3>WEB HOSTING</h3>
				<div>
					<a href="#">15$ Domain Name</a>
					<a href="#">Registration</a>
					<a href="#">Save 20$ / year!</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">UK Domain Names</a>
					<a href="#">UK Web Hosting</a>
					<a href="#">Alojamiento Web</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Buy UK Domain Names</a>
					<a href="#">Register Domain Names</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Cheap Domain Names</a>
					<a href="#">Cheap Web Hosting</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Best Web Hosting</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Domain Name</a>
					<a href="#">Registration</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">PHP MySQL Hosting</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Top 10 Web Hosting</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Web Hosting Providers</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">Web Hosting Company</a>
				</div>
			</div>
			<div>
				<div>
				<a href="#">Web Hosting Reviews</a>
				</div>
			</div>
			<div>
				<div>
					<a href="#">UK Web Hosting</a>
				</div>
			</div>
		</aside>
	</div>
</body>
</html>